html {
  transition: all 0.3s ease;
}

/* 重置默认样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--el-font-family);
  -webkit-font-smoothing: antialiased;
}

html.dark {
  --el-bg-color: #1e1e1e;
  --el-bg-color-page: #141414;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color-light: #363636;
  --el-fill-color-blank: #1e1e1e;
  --el-mask-color: rgba(0, 0, 0, 0.8);
  
  color-scheme: dark;
}

/* 自定义亮色主题变量 */
html.light {
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-border-color-light: #dcdfe6;
  --el-fill-color-blank: #ffffff;
  --el-mask-color: rgba(255, 255, 255, 0.8);
  
  color-scheme: light;
}
